<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <meta name="description" content=" ">
  <meta name="author" content=" ">
  <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">

  <title>HỘI TRẠI - GALA SỨC TRẺ MMT&TT 2015</title>

  <link rel="stylesheet" type="text/css" href="./assets/js/customscroll/jquery.mCustomScrollbar.css">
  <link rel="stylesheet" type="text/css" href="./assets/js/flexslider/css/flexslider.css">
  <link rel="stylesheet" type="text/css" href="./assets/js/prettyPhoto/css/prettyPhoto.css">
  <link rel="stylesheet" type="text/css" href="./assets/js/bxslider/jquery.bxslider.css">
  <link rel="stylesheet" type="text/css" href="./assets/css/font-awesome.css">
  <link href='http://fonts.googleapis.com/css?family=Roboto+Slab:400,700&subset=latin,vietnamese' rel='stylesheet' type='text/css'>
	
  <link rel="stylesheet" type="text/css" href="./assets/css/bootstrap.css">
  <link rel="stylesheet" type="text/css" href="./assets/css/style.css">
  <link rel="stylesheet" type="text/css" href="./assets/flavours/tacos/css/tacos.css">

  <!-- modernizr : detect css transition -->
  <script src="./assets/js/modernizr.custom.81779.js"></script>
  <!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
  <!--[if lt IE 9]>
  <script src="./assets/bootstrap/js/html5shiv.js"></script>
  <script src="./assets/bootstrap/js/respond.min.js"></script>
  <![endif]-->


</head>
<body>


<nav class="navbar navbar-default" role="navigation">
  <div class="inner">
    <div class="container">
      <!-- Brand and toggle get grouped for better mobile display -->
      <div class="navbar-header">
        <button type="button" class="navbar-toggle btn btn-primary" data-toggle="collapse" data-target=".navbar-ex1-collapse">
          <span class="sr-only">Toggle navigation</span>
          <span class="icon-bar"></span>
          <span class="icon-bar"></span>
          <span class="icon-bar"></span>
        </button>

        <div class="text-center">
          <p class="address">
            <b>Một sự kiện hoành tráng - lần đầu tiên xuất hiện 9 năm qua tại khoa MMT&TT</b>
          </p>
        </div>

        <a class="small-brand" href="/"  data-width="221" data-top="58"><img src="./assets/flavours/tacos/images/content/logo-small.png" alt=" " ></a>

        <a href="tel:+841233221293" class="phoneIcon" style="display:none">+841233221293</a>
        <a href="http://goo.gl/O0DGH6" class="locationIcon" target="_blank" style="display:none;">http://goo.gl/O0DGH6</a>
        <ul class="smallSocials">
          <li class="fb"><a href="https://www.facebook.com/suctremmt"><img src="./assets/images/smallsocial-fb.png" alt="Facebook"></a></li>
          <li class="tw"><a href="#"><img src="./assets/images/smallsocial-tw.png" alt="Twitter"></a></li>
          <li class="gg"><a href="#"><img src="./assets/images/smallsocial-gg.png" alt="Google+"></a></li>
        </ul>
      </div>

      <!-- Collect the nav links, forms, and other content for toggling -->
      <div class="collapse navbar-collapse navbar-ex1-collapse">
        <ul class="nav navbar-nav text-center" data-type="margin-top" data-pos="138">
          <li class="active"><a href="index.html">Home</a></li>
          <li><a href="gioi-thieu.html">Giới thiệu</a></li>
          <li><a href="lich-trinh.html">Lịch trình</a></li>
          <li class="dropdown">
            <a href="#" class="dropdown-toggle">Các chương trình</a>
            <ul class="dropdown-menu">
              <li><a href="#">Hội trại truyền thống</a></li>
              <li><a href="#">Lễ hội ẩm thực</a></li>
              <li><a href="#">Đại nhạc hội</a></li>
              <li><a href="#">Đêm hội truyền thống</a></li>
              <li><a href="#">Đường chạy Tiếp lửa</a></li>
              <li><a href="#">Radio Cảm xúc</a></li>
              <li><a href="#">Hướng về Biển đảo</a></li> 
            </ul>
          </li>
          <li><a href="events.html">Event</a></li>
          <li><a href="dang-ky.html">Đăng kí</a></li>
        </ul>
      </div>
      <!-- /.navbar-collapse -->
    </div>
    <!-- / container -->

    <div class="btm"></div>
  </div>

</nav>


<!-- *********************** -->
<!-- ** FULL WIDTH SLIDER ** -->
<!--
<div class="flexFull type2 flexslider loading-slider text-center" id="location">
  <ul class="slides">
    <li>
      <img src="./assets/flavours/tacos/images/content/sliderfull-1.jpg" alt=" ">
    </li>
    <li>
      <img src="./assets/flavours/tacos/images/content/sliderfull-1.jpg" alt=" ">
    </li>
  </ul>
</div>
-->

<!-- ******************** -->
<!-- ** FULL WIDTH MAP ** -->
<!--
<div class="mapWithOverlay" id="location">
  <h4 class="hdr6">Wheres the truck today?</h4>

  <div class="googleMap" data-location="Junipers Blvd. 380 Queens, NY 11379, USA" data-text="Junipers Blvd. 380 Queens, NY 11379, USA" data-height="480" data-offset="-80"></div>
</div>
-->

<!-- ***************** -->
<!-- ** THREE BOXES ** -->
<div class="row nomargin threeBoxes" id="location">
  <div class="col-md-4 col-sm-4">

    <div class="googleMap" data-location="Giang Điền, Đồng Nai" data-text="KDL sinh thái Giang Điền, Đồng Nai. 24-25/1/2015"></div>

  </div>
    <div class="col-md-4 col-sm-4">
    <object type="application/x-shockwave-flash" style="width:850px; height:480px;" data="http://www.youtube.com/v/4k4c7OGGVdI?color2=FBE9EC&amp;rel=0&amp;loop=1&amp;hd=1&amp;autoplay=1&amp;showsearch=0&amp;showinfo=0&amp;controls=0&amp;version=3&amp;modestbranding=1">
        <param name="movie" value="http://www.youtube.com/v/4k4c7OGGVdI?color2=FBE9EC&amp;rel=0&amp;loop=1&amp;hd=1&amp;autoplay=1&amp;showsearch=0&amp;showinfo=0&amp;controls=0&amp;version=3&amp;modestbranding=1" />
        <param name="allowFullScreen" value="true" />
        <param name="allowscriptaccess" value="always" />
        </object>
  </div>
<!--   <div class="col-md-4 col-sm-4">
    <div class="full-width-photo" data-image="./assets/flavours/tacos/images/content/photo-1.jpg"></div>
  </div>
  <div class="col-md-4 col-sm-4">
    <div class="blackboard custom-scrollbar">

      <h3 class="big">TIN HOT!!!</h3>

      <div class="tweets">
        <div><a>Thông báo 1</a></div>
      </div>
    </div>
  </div> -->
</div>

<div class="bg-1 section" >
  <div class="inner" data-image="./assets/flavours/tacos/images/content/background-1.jpg">
    <div class="container">
      <h3 class="hdr1">HỘI TRẠI - GALA LỚN NHẤT 9 NĂM QUA</h3>
    </div>

<!-- ******************* -->
<!-- ** CIRCLE SLIDER ** -->
<div class="container">
  <div class="row">
    <div class="col-md-8">
      <div class="flexFade flexslider loading-slider text-right">
        <ul class="slides">
          <li>
			<div class="descArea">
              <h4>All-in-one</h4>
              <hr>
              <h5>Chuỗi sự kiện<br> hoành tráng</h5>
              <p>
                Sự kết hợp của các chương trình - Lễ hội - Đại nhạc hội - Đêm hội truyền thống - Đường chạy ước mơ,... và những sự kiện lần đầu xuất hiện tại khoa MMT&TT!
              </p>
              <span class="price">2<span> ngày</span></span>

            </div>
            <div class="roundedImg" data-size="320">
              <img class="media-object" src="./assets/flavours/tacos/images/content/hoi-trai-2013-1.jpg" alt=" ">
            </div>
          </li>
          <li>
          <div class="descArea">
              <h4>Xóa tan<br>khoảng cách</h4>
              <hr>
              <h5>Sinh viên - Giảng viên <br> Cựu sinh viên</h5>
              <p>
                Sự tham gia của đông đảo Sinh viên, các thầy cô, giảng viên, cán bộ khoa MMT&TT,
                bạn bè UIT, USSH, UEL,....
              </p>
              <span class="price">9<span> năm</span></span>

            </div>
            <div class="roundedImg" data-size="320">
              <img class="media-object" src="./assets/flavours/tacos/images/content/hoi-trai-2013-1.jpg" alt=" ">
            </div>
          </li>
        </ul>
      </div>
    </div>
    <div class="col-md-4">
      <h4 class="hdr7">24-25/1/2015</h4>

      <div class="roundedImg pull-right" data-size="160">
        <img class="media-object" src="./assets/flavours/tacos/images/content/hoi-trai-2013-2.jpg" alt=" ">
      </div>
      <p class="bigger">
        Đây là 1 dịp không thể bỏ lỡ trong năm 2015 và trong thời gian là thành viên của đại gia đình NT!
        <br>
       Nơi kết nối những trái tim và bừng cháy lên những ngọn lửa nhiệt huyết...<br>
		Nơi tiếng cười lên ngôi sau một kì thi đầy căng thẳng.
		Nơi thắt chặt tinh thần đồng đội, khẳng định tập thể Sức trẻ MMT&TT vững mạnh<br>
      </p>

    </div>
  </div>
</div>

</div>
</div>


<div class="bg-2 section topOrnament">
<div class="inner" >
    <div class="container">



      <h3 class="hdr4">Đừng bỏ qua cơ hội này!</h3>

      <div class="row">
        <div class="col-md-4 col-sm-6">
          <div class="prodBox pull-left">
            <div class="frameImg"><img src="./assets/flavours/tacos/images/content/product-1.jpg" alt=" "></div>

            <div class="inner">
              <h4>Chuỗi sự kiện cực hấp dẫn</h4>

              <p>Chương trình gồm 1 chuỗi các sự kiện được chuẩn bị công phu và hoành tráng, hấp dẫn, chắc chắn để lại những dấu ấn khó phai
			  trong thời sinh viên, thời gian là 1 thành viên của Đại gia đình Mạng máy tính & Truyền thông. <br>
			  Hãy tham gia để cùng trải nghiệm và cùng cháy hết mình cùng Sức trẻ MMT&TT
              </p>
              <span class="price">1</span>
              <a href="#" class="btn btn-primary btn-sm">Các chương trình</a>
            </div>
          </div>
          <!-- / prodBox -->
        </div>
        <div class="col-md-4 col-sm-6">
          <div class="prodBox type2">
            <div class="frameImg"><img src="./assets/flavours/tacos/images/content/product-2.jpg" alt=" "></div>

            <div class="inner">
              <h4>Kết nối <br> các thế hệ</h4>

              <p>Với sự tham gia đông đảo của các Thầy Cô - Giảng viên - Sinh viên các khóa - Cựu sinh viên tại khoa MMT&TT cũng như tại UIT, USSH, UEL,....
					Đây là một cơ hội hiếm có để có thể hòa mình cùng mọi người, tìm thêm nhiều bạn bè mới, kết nối sinh viên các khóa và tạo mối quan hệ gắn bó cùng các Thầy Cô!
              </p>
              <span class="price">2</span>
              <a href="dang-ky.html" class="btn btn-primary btn-sm">Đăng kí ngay!</a>
            </div>
          </div>
          <!-- / prodBox -->
        </div>
        <div class="clearfix visible-sm"></div>
        <div class="col-md-4 col-sm-12">
          <div class="prodBox type3 pull-right">
            <div class="frameImg"><img src="./assets/flavours/tacos/images/content/product-3.jpg" alt=" "></div>

            <div class="inner">
              <h4>Nhiều bất ngờ chỉ có trong Hội trại</h4>

              <p>Có rất nhiều điều cực hấp dẫn khác chỉ có trong Hội trại Sức trẻ MMT&TT 2015 lần này mà chỉ những người tham gia mới biết, những phần quà cực chất, cực hot
			  mang dấu ấn riêng của Hội trại, những cơ hội tỏa sáng và còn nhiều điều cực hấp dẫn khác trong hội trại quy mô <b>500-1000</b> trại sinh lần này!!!</p>
              <span class="price">3</span>
              <a href="https://www.facebook.com/sharer/sharer.php?u=https%3A%2F%2Fwww.facebook.com%2Fsuctremmt" class="btn btn-primary btn-sm">Mời bạn bè!</a>
            </div>
          </div>
          <!-- / prodBox -->
        </div>
      </div>
      <!-- / row -->

      <h3 class="hdr2">Bạn còn chần chờ gì nữa?</h3>
      <h4 class="hdr3">Hãy nhanh tay <a href="dang-ky.html"><font color="yellow">đăng kí</font></a> và rủ bạn bè cùng lấy ngay tấm vé tham gia <br>Hội trại Sức trẻ MMT&TT 2015 cực chất này!</h4>


    </div>

  </div>
</div>


<footer>
  <div class="container">

    <div class="row">
      <div class="col-md-3">

        <h4>Đơn vị tổ chức</h4>

        <p>
          <b>Đoàn khoa MMT&TT</b><br>
         Trường ĐH Công nghệ thông tin - ĐHQG-HCM<br>
          <br>
          <a href="mailto:doankhoammt@uit.edu.vn">doankhoammt@uit.edu.vn</a>
        </p>
        <hr>
        <h4>Chỉ đạo tổ chức</h4>

        <p>
          - Ban chủ nhiệm Khoa MMT&TT<br>
          <br>
          - Đoàn trường ĐH CNTT - ĐHQG-HCM<br>
        </p>

      </div>
      <div class="col-md-6">
        <img src="./assets/flavours/tacos/images/content/logo.png" alt=" ">

        <div class="googleMap" data-location="Giang Điền, Đồng Nai" data-text="KDL Sinh Thái Thác Giang Điền"></div>

        <ul class="bigSocials">
          <li class="fb"><a href="https://www.facebook.com/suctremmt"><img src="./assets/images/social-fb.png" alt="Facebook"></a></li>
          <li class="tw"><a href="#"><img src="./assets/images/social-tw.png" alt="Twitter"></a></li>
          <li class="gg"><a href="#"><img src="./assets/images/social-gg.png" alt="Google+"></a></li>
          <li class="rss"><a href="http://suctremmt.com"><img src="./assets/images/social-rss.png" alt="RSS"></a></li>
        </ul>

        <p class="copyright">© Website Hội trại Sức trẻ MMT&TT 2015 <br> Đơn vị thực hiện: Đoàn khoa MMT&TT <br>
		Design by <a href="http://itbiboo.com">iTBiBoo</a></p>


      </div>
      <div class="col-md-3">
        <h4>NHIỆT LIỆT CHÀO MỪNG<br> ĐẠI HỘI ĐẠI BIỂU <br>ĐOÀN KHOA MMT&TT<br> Lần 1 - Nhiệm kì 2015-2017</h4>

        <div class="tweets">
          <div style="display:none">here will be displayed live tweets, configuration is placed in /twitter/config.php</div>
        </div>
      </div>
    </div>

  </div>
  <a href="#" id="toTop"></a>
</footer>
<!-- / footer -->


<script src="./assets/js/jquery.min.js"></script>
<script src="./assets/bootstrap/js/bootstrap.min.js"></script>

<!-- we're including library : maps.googleapis.com/maps/api/js?sensor=false in main.js -->
<script src="./assets/js/gmap3.min.js"></script>

<script src="./assets/js/customscroll/jquery.mCustomScrollbar.concat.min.js"></script>
<script src="./assets/js/flexslider/jquery.easing.1.3.min.js"></script>
<script src="./assets/js/flexslider/jquery.flexslider-min.js"></script>
<script src="./assets/js/prettyPhoto/js/jquery.prettyPhoto.js"></script>
<script src="./assets/js/bxslider/jquery.bxslider.min.js"></script>
<script src="./assets/twitter/js/jquery.tweet.js"></script>
<script src="./assets/js/jquery.hoverdir.js"></script><script src="./assets/js/jquery.arctext.js"></script>
<script src="./assets/js/jquery.placeholder.js"></script>
<script src="./assets/js/jquery.sticky.js"></script>

<script src="./assets/form/js/form.js"></script>
<script src="./assets/js/main.js"></script>

<script src="./assets/js/less.min.js"></script>


</body>

</html>